import React from 'react'
import Loadable from 'react-loadable';

const LoadableComponent = Loadable({
    loader: () => import('./'),
    loading(){
        return <div>正在加载</div>
    },
});

export default ()=><LoadableComponent/>

//安装 react-loadable.js
//作用：异步拆分组件
// 脚手架会把一个项目全部打包在bundle.js里面。如果项目够大，启动时间会很长。通过  react-loadable.js
// 能使组件按需加载，提高性能以及启动时间。加载时候还有用户提示，提高用户体验

